<template>
  <div class="serive">
    <van-sticky>
      <van-nav-bar
        title="区域服务"
        left-text="返回"
        left-arrow
        @click-left="onClickLeft"
      />
    </van-sticky>
    <div class="content">
      <div class="title">
        <a href="tel://4008738828">全国支援中心400-873-8828</a>
      </div>
      <div class="title" style="margin-top: 10px">区域业务服务中心</div>
      <Content
        v-for="(item, index) in list"
        :key="index"
        :content="item"
      ></Content>
    </div>
  </div>
</template>

<script lang="ts">
import { defineComponent } from 'vue'
import Content from './content.vue'

export default defineComponent({
  components: { Content },
  setup() {
    const list = [
      {
        title: '深圳市鸿康心理辅导有限公司',
        address: '深圳市福田区卓越世纪中心3号B座2316',
        contacts: '邵经理',
        iphone: '15013534475',
      },
      {
        title: '北京鸿康心智研究院',
        address: '北京市丰台区西四环中路112号',
        contacts: '农经理',
        iphone: '13901315563',
      },
      {
        title: '鸿康心理-福建分部',
        address: '福建省南安市溪美街道长安小区',
        contacts: '杨经理',
        iphone: '13599903840',
      },
      {
        title: '鸿康心理-濮阳分部',
        address: '河南省濮阳华龙区恒大悦龙湾',
        contacts: '苑经理',
        iphone: '18790992727',
      },
      {
        title: '郑州立德科技有限公司',
        address: '河南省郑州航空港区如云路恒丰科创中心',
        contacts: '王经理',
        iphone: '13938310878',
      },
    ]
    return {
      onClickLeft() {
        history.back()
      },
      list,
    }
  },
})
</script>

<style lang="less" scoped>
.serive {
  .content {
    font-size: 15px;
    padding-top: 10px;
    padding-bottom: 60px;

    .title {
      font-weight: bold;
      font-size: 16px;
      padding: 0 15px;
    }
  }
}
</style>
